<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>进度详情</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <!--responsive-->
    <link rel="shortcut icon" href="../../Content/img/jridge.ico"/>
    <link rel="bookmark" href="../../Content/img/jridge.ico"/>
    <script src="../../Scripts/jquery-1.10.2.min.js"></script>
    <script src="../../Scripts/clipboard-polyfill.js"></script>
    <!--vue-->
    <script src="../../Scripts/vue-2.5.9/vue.min.js"></script>
    <!--axios-->
    <script src="../../Scripts/vue-2.5.9/axios.min.js"></script>
    <!--elementUI-->
    <script src="../../Scripts/elementUI-2.2.2/index.js"></script>
    <link rel="stylesheet" href="../../Scripts/elementUI-2.2.2/theme-chalk/index.css">
    <!--custom-->
    <link rel="stylesheet" href="../../Content/vue-common.css">
    <script src="../../Scripts/service/vue-service.js" ></script>
    
</head>
<body>
    <div id="app">
        <header-bar :pagename="pagename" :userinfo="userinfo"></header-bar>
        <div id="container">
            <el-row>
                <el-tabs v-model="activeName" @tab-click="handleClick">
                    <el-tab-pane label="派工单" name="assign">
                        <el-table
                            v-loading="assignloading"
                            :data="assignData"
                            style="width: 100%"
                            border
                            >
                            <el-table-column
                                fixed
                                type="index"
                                label="序号"
                                width="50">
                            </el-table-column>
                            <el-table-column
                            v-for="(list,index) in assignHead"
                            :prop="list.property"
                            :label="list.name" 
                            :filters="list.filters"
                            :filter-method="filterHandler"
                            sortable>
                            </el-table-column>
                        </el-table>
                    </el-tab-pane>
                    <el-tab-pane label="报工单" name="report">
                        <el-table
                            v-loading="reportloading"
                            :data="reportData"
                            style="width: 100%"
                            border
                            >
                            <el-table-column
                                fixed
                                type="index"
                                label="序号"
                                width="50">
                            </el-table-column>
                            <el-table-column
                            v-for="(list,index) in reportHead"
                            :prop="list.property"
                            :label="list.name" 
                            :filters="list.filters"
                            :filter-method="filterHandler"
                            sortable>
                            </el-table-column>
                        </el-table>
                    </el-tab-pane>
                </el-tabs>
                
            </el-row>
        </div>
        
        <!--组件弹出框-->
        <component :is="differentDialog" :differentdialogitem="differentDialogItem" :userinfo="userinfo"></component>
    </div>
    <script src="progressDetail.js"></script>
    <script src="../../Template/vue-components.js" ></script>
</body>
</html>
